const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  devServer: {
    host: 'localhost',
    port: 8080,
    historyApiFallback: true,
    allowedHosts: 'all'
    // open: true,
    // overlay: {
    //   warnings: false,
    //   errors: true
    // },
    // proxy: {
    //   // 代理属性
    //   // key是请求的前缀
    //   // /api/a/b/c => http://www.baidu.com/api/a/b/c  => http://www.baidu.com/a/b/c
    //   // /api/sys/login => http://ihrm.itheima.net/api/sys/login
    //   '/api': {
    //     target: 'https://apipc-xiaotuxian-front.itheima.net', // 要代理的服务器
    //     changeOrigin: true, // 表示确信要跨域
    //     pathRewrite: {
    //       // 路径重写  有需要的时候才需要写
    //       '^/api': '' // 假设我们想把 localhost:8888/api/login 变成www.baidu.com/login 就需要这么做
    //     }
    //   }
    // },
    // before: require('./mock/mock-server.js')
  },
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      //注入的文件配置一下后，重启服务即可
      //绝对路径
      patterns: [
        path.join(__dirname, './src/assets/styles/variables.less'),
        path.join(__dirname, './src/assets/styles/mixins.less')
      ]
    }
  },
  // 配置10kb下的图片打包成base64的格式
  // chainWebpack: config => {
  //   config.module
  //     .rule('images')
  //     .use('url-loader')
  //     .loader('url-loader')
  //     // .tap(options => Object.assign(options, { limit: 10000 }))
  //     .tap(options => { limit: 10000 })

  //   // config.devServer.disableHostCheck(true)
  // }
  // 这个是给webpack-dev-server开启可IP和域名访问权限。

  // # 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包。
  // externals: {
  //   qc: 'QC'
  // }
  

})
